@charset "utf-8";
/* CSS Document */
body{ margin:0 auto; padding:0; font-family:微软雅黑;  font-size:12px; line-height:24px;  background:#fcfcfc; }
img,ul,li,h2,h1,p,h3,h4,dl,dt,dd{ margin:0; padding:0; list-style:none; border:0; font-size:12px; }

a,p{ color:#565656; text-decoration: none;}
a:link { text-decoration: none;}
a:visited {text-decoration: none;}
a:hover { text-decoration:none;}
a:active {text-decoration: none; }
.h10 {  clear:both}
.fl { float:left}
.fc { float:left}
.fr { float:right;}

em { font-style:normal;}
.left { float:left}
.right { float:right}
.center { float:left}
.main { width:1000px; margin:0 auto; }
.clear { clear:both;}
.h10 { clear:both; height:10px; _height:0px;}
.h15{ clear:both; height:15px; _height:0px;}
.h17{ clear:both; height:17px; _height:0px;}
.h20 { clear:both; height:20px; _height:0px;}


/*头部开始*/
.head  { height:108px;}
.head .fl { width:380px;  margin:20px 20px 0 0; }
.head .fr { margin-top:35px;}
.head .fc { width:316px;margin-top:34px;border-left:1px dashed #ccc; padding-left:20px;}
.nav_bg { height:45px; line-height:45px; width:100%; margin:0 auto; background:#508418;}
.nav ul li {position: relative; float:left; width:125px;background:url(../images/n_bg.png) right no-repeat;}
.nav ul li a { width:123px; height:45px; text-align:center; display:block;  font-size:14px; color:#fff;}
.nav ul li a:hover { background:#c1d621}

.nav ul li ul {
	display: none;
	position: absolute;
	z-index: 9999;
	background: #508418;
}
.nav ul li ul li {
	background:none;
}
.nav ul li ul li a:hover{
	width: 100%;
}

.fixed{position: fixed;top: 0;}
.absolute{position: absolute;bottom: 0;}





/*banner图*/
.banner_bg { position:relative; height:476px; overflow:hidden; z-index:2}
.focus{height:476px;overflow:hidden;position:relative; width:100%;   z-index:1}
/* focus_s */
.focus_s{position:absolute;left:50%;bottom:5%;height:7px;overflow:hidden;z-index:9;margin:0 0 0 -30px; top:440px;}
.focus_s li{float:left;cursor:pointer;height:7px;width:26px;overflow:hidden;margin-right:15px;background:url(../images/img.png) no-repeat;}
.focus_s li.active{background-position:-26px 0;}
/* focus_m */
.focus_m ul{opacity:1;filter:alpha(opacity=100);}
.focus_m li{width:100%; height:476px; position:absolute; top:0; left:0;}
.focus_m li img { width:1920px; height:476px; margin:0 auto;}
/* focus_l focus_r */
.focus_l,.focus_r{position:absolute;display:block;width:50px;height:75px;overflow:hidden;z-index:2;top:200px;}
.focus_l{left:0;}
.focus_r{right:0;}
.focus_l b,.focus_r b{position:absolute;z-index:1;display:block;width:50px;height:75px;overflow:hidden;background:#000;opacity:0.3;filter:alpha(opacity=30);cursor:pointer;}
.focus_l span,.focus_r span{display:inline-block;position:relative;z-index:2;width:22px;height:33px;top:21px;cursor:pointer; margin-right:28px;}
.focus_l span{left:12px;background-image:url(../images/l.png);_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/l.png');}
.focus_r span{left:16px;background:url(../images/r.png) 0 0 no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/r.png');}
.focus_l:hover b,.focus_r:hover b{opacity:0.5;filter:alpha(opacity=50);}




.products .fl { width:244px;}
.p_l .title { background:url(../images/i_bg.jpg) no-repeat; width:244px; height:43px;text-align:center;  padding-top:11px;}
.p_l .title em { display:block; font-size:12px; }
.p_l .title span { line-height:20px; color:#fff; font-size:24px;}
.p_l .main_a { border:1px solid #ccc; border-bottom:none; border-top:none;}
.p_l .main_a .lm { border-bottom:1px solid #ccc;padding:15px;}
.p_l .main_a .lm span a {  color:#508418; display:block;background:url(../images/dian1.png) right no-repeat;font-size: 16px; font-weight: 900; }
.p_l .main_a .lm span a:hover {background:url(../images/dian2.png) right no-repeat; color:#5e5e5e}

.p_l .main_a ul{/*display: none;*/}
.p_l .main_a ul li ul{display: block;}
.p_l .main_a ul li a {display: inline-block; margin-right:10px; font-size: 14px; font-weight: 900; color: #508418;text-indent: 20px;}
.p_l .main_a ul li a:hover { color:#5e5e5e; font-weight:bold;}


.p_l .main_a ul li ul li{float: left;width: 60px;height: 26px;overflow: hidden;}
.p_l .main_a ul li ul li a{font-size: 12px;color:#565656; text-indent: 0px; font-weight: 300;}
.p_l .main_a ul li ul{margin-left: 20px;}


.lxwm .title { background:url(../images/i_bg.jpg) no-repeat; width:244px; height:43px;text-align:center;  padding-top:11px;}
.lxwm .title em { display:block; font-size:12px; }
.lxwm .title span { line-height:20px; color:#fff; font-size:24px;}
.lxwm .main_a {border:1px solid #ccc; padding:10px; background-color: #fff;}
.lxwm .main_a em { color:#000; font-weight:bold;}

.products .fr { width:733px;}
.products .fr .key { color:#999; float:left;text-indent: 28px;}
.products .fr .key a { color:#999; margin:0 5px;}
.products .fr .title { border-bottom:2px solid #bbb;  margin-top:10px; padding-bottom:20px;margin-left: -23px;}

.seach_div_keyword_so{ float:right; height:22px; line-height:22px; background:#f2f2f2; float:right; }
.seach_div_keyword_so_input_text{ float:left; width:120px; padding-left:25px;border:0px; background:none; height:17px !important; height:17px;  line-height:17px !important; border-right:none;  margin-top:1px; border-right:none;border:1px solid #dbdbdb; background:url(../images/so.png) 4px no-repeat;}
.seach_div_keyword_so_input_buttom{ float:left; width:40px; height:22px; border:0px; background:url(../images/so_bg.png) no-repeat; cursor:pointer;  line-height:22px; border:1px solid #dbdbdb; border-left:none;}

.products .fr .main_a  ul li { background:#f5f5f5; width:166px; padding:3px; border:1px solid #ccc; text-align:center; float:left; margin:20px 4px 0 5px;}
.products .fr .main_a  ul li a{display: block;}
.products .fr .main_a  ul li span a{ display: block; color:#508418; }
.products .fr .main_a  ul li span { display:block; margin-top:6px; height: 24px; }
.products .fr .main_a  ul li em {color:#5e5e5e}
.products .fr .main_a  ul li p{height: 24px;}

/*同款推荐*/
.istui ul li{
	background: #f5f5f5;
	width: 166px;
	padding: 3px;
	border: 1px solid #ccc;
	text-align: center;
	float: left;
	margin: 20px 25px 0 28px;

}
.istui ul li span a{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.istui ul li p{height: 24px;}
.c_lists h3{
	font-size: 18px;
	font-weight: normal;
	line-height: 40px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
}



.cases .title { border-bottom:2px solid #bbb; padding-bottom:5px;}
.cases .title span { color:#508418;  font-size:22px;  background:url(../images/t_bg.jpg) 0 5px no-repeat; padding-left:20px; margin-right:50px;}
.cases .title span em { color:#d3d3d3; font-size:12px; margin-left:5px;}
.cases .title a { float:right; margin-top:5px;}
.cases .main_a .ca_m ul li { float:left; margin:25px 7px 15px 8px;}
.cases .main_a .ca_m ul li a { display:block;/* float:left;*/ width:151px; height:86px; background:url(../images/c_bg1.png) no-repeat;}
.cases .main_a .ca_m ul li a:hover {background:url(../images/c_bg.png) no-repeat;}
.cases .main_a .ca_m ul li a.back {background:url(../images/c_bg.png) no-repeat;}
.cases .main_a .ca_m ul li a.back span{display: block; height: 30px; line-height: 30px; text-align: center; color: #508418; font-weight:bold;}
.cases .main_a .ca_m ul li img { width:141px; height:71px; margin:4px 5px 2px 5px;}
.cases .main_a .ca_m ul li span{display: block;height: 30px;line-height: 30px;text-align: center;color: #565656;}

.cases .main_a .cases_l { float:left; width:600px;}
.cases .main_a .cases_l .c_d  { float:left;   width:234px; height:109px; background:url(../images/c_b.png) no-repeat; margin-right:10px;}
.cases .main_a .cases_l .c_d img { margin:1px 10px 0px 11px; width:213px; height:108px;}
.cases .main_a .cases_l span a  { font-size:14px; color:#131313;   font-weight:bold;}
.cases .main_a .cases_l p { line-height:22px;}
.cases .main_a .cases_l p a { color:#508418}
.cases .main_a .cases_l .c_t { border-bottom:1px dashed #ccc; padding-bottom:25px;}
.cases .main_a .cases_l ul { margin-top:10px;}
.cases .main_a .cases_l ul li {height:33px; line-height:33px; border-bottom:1px solid #ccc}
.cases .main_a .cases_l ul li  span { float:right; color:#575757; }
.cases .main_a .cases_l ul li a { background:url(../images/dian.jpg) 0 7px no-repeat; padding-left:10px;}
.cases .main_a .cases_l ul li a:hover {background:url(../images/dian2.jpg) 0 7px no-repeat; color:#508418}

.cases .main_a .hz { float:right; width:366px;}
.cases .main_a .hz ul li { float:left; width:183px; text-align:center; margin-bottom:5px}
.cases .main_a .hz ul li img { border:1px solid #c2c2c2; width:181px; height:71px; }
.cases .main_a .hz ul li a:hover { color:#508418}

.youshi { margin-top:20px;background:#fdfdfd; padding-bottom:25px; }
.youshi .title { /*background:#fcfcfc url(../images/ys_bg.png) top center no-repeat; */height:145px; width:100%; margin:0 auto;}
.youshi .main_a_bg { background:#fcfcfc url(../images/ys_bg.jpg) top center no-repeat; height:1465px; margin-top:50px; }

.ys1 .fl { width:448px;}
.ys1 .fr { width:495px;  margin-top:45px;}
.ys1 .fr span.c1 { background:url(../images/y01.png) no-repeat;}
.ys2 { margin-top:50px;}
.ys2 .fl { width:490px; margin-top:40px;}
.ys2 .fl span.c1 { background:url(../images/y02.png) no-repeat;}
.ys2 .fr { width:427px;}
.ys3 {  margin-top:70px;}
.ys3 .fl { width:439px;}
.ys3 .fr { width:500px; margin-top:30px;}
.ys3 .fr span.c1 { background:url(../images/y03.png) no-repeat;}
.ys4{ margin-top:60px;}
.ys4 .fl { margin-top:40px; width:480px;}
.ys4 .fl span.c1 { background:url(../images/y04.png) no-repeat;}
.ys4 .fr { width:356px;}

.youshi .main_a span.c1 { font-size:28px; color:#508418; display:block;height:50px; line-height:50px; padding-left:70px;margin-bottom:25px;}
.youshi .main_a p { font-size:16px; /*background:url(../images/y_j.png) 0 6px no-repeat; */padding-left:20px; margin-left:55px;}
.youshi .main_a p em { color:#d91212}

.about_bg { background:url(../images/about_bg.png) top center no-repeat; height:736px;}


.jianjie .fr { width:600px; margin-top:50px;}


.jianjie .fl {width:380px; background:#fff; border:1px solid #ccc;border-radius:10px; margin-top:50px;}

.jianjie .fl img { margin:10px}

.jianjie .fr span { display:block;  font-size:16px; color:#d70101; font-weight:bold; margin-top:10px;}
.jianjie .fr span.a1 { font-size:20px; color:#508418}
.jianjie .fr span.a1 em { font-size:16px; color:#babab9; padding-left:10px;}
.jianjie .fr p { text-indent:2em; margin-top:15px;}
.jianjie .fr  a { display:block; background:#fff; border:1px solid #ccc; width:60px; height:22px; text-align:center; line-height:22px; margin-top:20px;}

.company { background:#fff; width:675px; padding:15px 0; margin-top:30px;  float:left}

.company .fc_c {}
.company .fc_c ul li { float:left; width:200px; margin:0 12px;}
.company .fc_c ul li span { text-align:center; display:block; height:35px; line-height:35px;}

.company .fl_c {  width:25px; float:left;  margin:10px 15px 0 300px;}
.company .fr_c{ width:25px; margin-top:10px ; float:left;}


.ry { float:right; width:290px; background:url(../images/ry_bg.png) no-repeat; height:230px; text-align:center; padding-top:23px; padding-left:30px;}
.ry ul li { float:left; width:257px; }
.ry p { margin-top:10px; }
.ry p img { margin-right:25px;}

.wap1 { margin-top:10px;}
.wap1 .title { border-bottom:2px solid #bbb; margin-bottom:15px; padding-bottom:5px;}
.wap1 .title span { color:#508418;font-size:22px; background:url(../images/t_bg.jpg) 0 5px no-repeat; padding-left:20px;}
.wap1 .title span em { font-size:12px; color:#b0b0b0}
.wap1 .title a{ float:right; margin-top:5px;}
.wap1 .main_a ul li span { float:right; color:#575757}
.wap1 .main_a img { margin-bottom:5px;}
.wap1 .main_a ul li { height:30px; line-height:30px; border-bottom:1px solid #ccc;}
.wap1 .main_a ul li a { background:url(../images/d1.jpg) 0 6px no-repeat; padding-left:10px;}
.wap1 .main_a ul li a:hover { color:#508418}
.wap1 .news { margin-right:42px;}
.wap1 .fl { width:305px;}
.wap1 .fr { width:305px;}


.dq_cases .title p { float:right; margin-top:5px;}
.dq_cases .title { border-bottom:2px solid #bbb; margin-bottom:15px; }
.dq_cases .title span.fc { color:#508418;font-size:22px; background:url(../images/t_bg.jpg) 0 2px no-repeat; padding-left:20px; margin-right:50px;}
.dq_cases .title span.fc em { font-size:12px; color:#b0b0b0}
.dq_cases .title span a { margin:5px 10px; line-height:35px;}
.dq_cases .main_a { margin-top:20px;}
.dq_cases .main_a .fenlei ul li { float:left; margin-right:50px;}
.dq_cases .main_a .fenlei ul li span { width:35px; height:23px;  display:block; background:#508418; float:left; text-align:center; color:#fff;}
.dq_cases .main_a .fenlei ul li select { height:23px; width:115px; border-left:none;  padding-left:15px;}
.fl_p ul li{ width:166px; height: 146px;  padding:2px;  background:#e5e5e5; border:1px solid #ccc; float:left; margin: 10px 14px;}
.fl_p ul li a:hover {color:#508418}

.yqlj { border:1px solid #ccc;}
.yqlj span { display:block; width:100px; height:35px; text-align:center; background:#508418; color:#fff; font-size:18px; line-height:35px;}
.yqlj p {  line-height:35px; border-top:1px solid #ccc}
.yqlj p a { padding: 0 10px;}

/*分页*/
.postion { color:#999}
.postion a { color:#999}
.postion a:hover { color:#508418}

/*产品相关新闻*/
.ment .title a { float:right; margin-top:5px;}
.ment .title { border-bottom:2px solid #bbb; padding-bottom:5px;}
.ment .title span { color:#508418;  font-size:22px; background:url(../images/t_bg.jpg) 0 6px no-repeat; padding-left:20px;}
.ment .title span em { color:#d3d3d3; font-size:12px; margin-left:5px;}
.ment .main_a .m_l { margin-top:15px;}
.ment .main_a .m_l p.m1{ float:left;   width:234px; height:109px; background:url(../images/c_b.png) no-repeat; margin-right:10px;}
.ment .main_a .m_l  img { margin:1px 10px 0px 11px; width:213px; height:108px;}
.ment .main_a .m_l span a { color:#3d3d3d; font-size:14px; font-weight:bold;}
.ment .main_a .m_l span a:hover { color:#508418}
.ment .main_a .m_l p em {color:#508418}

.products .title_p{ border-bottom:2px solid #bbb; padding-bottom:5px;}
.products .title_p span { color:#508418;  font-size:22px; background:url(../images/t_bg.jpg) 0 6px no-repeat; padding-left:20px;}
.products .title_p span em { color:#d3d3d3; font-size:12px; margin-left:5px;}

.tj span { color:#508418; padding-left:15px;}
.tj a { margin: 0 8px;}
.tj { border:1px solid #ccc;  line-height:30px; }
/*当前位置*/
.newspage {  text-align:center; margin:10px 0 20px 0}
.newspage ul li{   display:inline; width:24px; margin:5px 3px; text-align:center;}
.newspage ul li a { font-size:14px; border:1px solid #ccc;padding:1px 8px;}
.newspage ul li a:hover { background:#508418; color:#fff;}

/*内页banner图*/
.banner_p { width:100%; margin:0 auto}
.banner_p img { width:100%; margin: auto;}
/*头部关键词*/


.head_ky .key { color:#999; float:left;}
.head_ky .key a { color:#999; margin:0 5px;}
.head_ky .title { border-bottom:2px solid #bbb;  margin-top:10px; padding-bottom:20px;}



/*产品详情页面*/
.news_pr .left { width:365px;}
.news_pr .right {position: relative; width:620px;min-height: 390px;}
.news_pr .right h3 { font-size:18px; color:#3c3c3c;  border-bottom:2px solid #ccc; padding-bottom:10px; font-weight:normal;}
.news_pr .right .click{position: absolute;bottom: 0;width: 100%;}

.news_pr .right .click .s1{color: #5f5f5f;font-size: 12px;}
.news_pr .right .click .s2{float: right;color: #484848;font-size: 16px;}

.contact_news .fl { width:730px;}
.contact_news .fr{ width:240px;}
.contact_news .p_news { border:1px solid #ccc;}
.contact_news .p_news .title { background:#eee; height:38px;}
.contact_news .p_news .title ul li{ float:left;}
.contact_news .p_news .title ul li a { width:100px; height:38px; line-height:38px; text-align:center; display:block; border-right:1px solid #e0e0e0}
.contact_news .p_news .title ul li a:hover { color:#fff; background:#508418}
.contact_news .p_news .main_a { padding:20px 20px 50px 20px;}
.contact_news .fr{ width:244px;}
.contact_news .xg_news .title_n { border-bottom:2px solid #ccc; padding-bottom:3px;}
.contact_news .xg_news .title_n span { font-size:16px; color:#508418; border-bottom:2px solid #508418; padding-bottom:5px;}
.contact_news .xg_news .main_x .m_l { margin-top:15px;}
.contact_news .xg_news .main_x .m_l p.m1{ float:left;   width:234px; height:109px; background:url(../images/c_b.png) no-repeat; margin-right:10px;}
.contact_news .xg_news  .main_x .m_l  img { margin:1px 10px 0px 11px; width:213px; height:108px;}
.contact_news .xg_news  .main_x .m_l span a { color:#3d3d3d; font-size:14px; font-weight:bold;}
.contact_news .xg_news  .main_x .m_l span a:hover { color:#508418}
.contact_news .xg_news   .main_x .m_l p em {color:#508418}
.contact_news .xg_news .page  { margin-top:20px;}
.contact_news .xg_news .page ul li{ float:left; color:#5a5a5a; margin-right:50px;}


.contact_news .fuwu .title { background:url(../images/i_bg.jpg) no-repeat; width:244px; height:43px;text-align:center;  padding-top:11px;}
.contact_news .fuwu .title em { display:block; font-size:12px; }
.contact_news .fuwu .title span { line-height:20px; color:#fff; font-size:24px;}
.contact_news .fuwu .main_a  ul li { text-align:center; width:240px; height:64px; margin-top:2px;}
.contact_news .fuwu .title{ width: 240px; margin: 0 auto;}
.contact_news .fuwu .main_a ul li{ margin: 0 auto;}


.t_j {width: 244px;background: white;}
.t_j .title { background:url(../images/i_bg.jpg) no-repeat; width:244px; height:43px;text-align:center;  padding-top:11px;}
.t_j .title em { display:block; font-size:12px; }
.t_j .title span { line-height:20px; color:#fff; font-size:24px;}
.t_j .main_a { padding:15px; border:1px solid #ccc;}
.t_j .main_a  ul li {  text-align:center; margin-bottom:5px;}
.t_j .main_a  ul li span { display:block;  line-height:15px; margin-top:10px;}
.t_j .main_a  ul li span a { color:#508418; }
.t_j .main_a  ul li { color:#5e5e5e}

/*案例频道页*/

.wap_cases .fl{ width:315px;}
.wap_cases .fr { width:655px;}
.wap_cases .title { border-bottom:2px solid #ccc; padding-bottom:5px;}
.wap_cases .title span { color:#508418;font-size:22px; background:url(../images/t_bg.jpg) 0 5px no-repeat; padding-left:20px; margin-right:50px;}
.wap_cases .title span em { font-size:12px; color:#b0b0b0}
.wap_cases .title a { float:right; margin-top:5px;}
.wap_cases .n_cases .main_a { padding-top:10px;}
.wap_cases .n_cases .main_a .t_img { background:url(../images/c1.png) no-repeat; width:129px; height:58px; text-align:center; float:left; margin-right:5px; margin-top:5px;}
.wap_cases .n_cases .main_a .t_img img { width:112px; height:57px; }
.wap_cases .n_cases .main_a span a { font-size:14px; font-weight:bold;}
.wap_cases .n_cases .main_a p{ line-height:20px;}
.wap_cases .n_cases .main_a p a { color:#508418}
.wap_cases .n_cases .main_a ul li { border-bottom:1px solid #ccc; line-height:30px;}
.wap_cases .n_cases .main_a ul li em { float:right; color:#575757}
.wap_cases .n_cases .main_a ul li a:hover { color:#729c46}

.wap_cases .t_cases .main_a .m_c_bg { width:310px;  float:left; margin:18px 8px 0 8px}
.wap_cases .t_cases .main_a .m_c { background:url(../images/c2.png) no-repeat; width:169px; height:87px; text-align:center; float:left;  margin-top:5px;}
.wap_cases .t_cases .main_a .m_c img { width:148px; height:86px; }
.wap_cases .t_cases .main_a span a { font-size:14px; font-weight:bold; color:#508418}
.wap_cases .t_cases .main_a span a:hover { color:#575757;}
.wap_cases .t_cases .main_a p{ line-height:20px;}
.wap_cases .t_cases .main_a p a { color:#508418}

.search .title{
	border-bottom: 2px solid #ccc;
  font-size: 18px;
  line-height: 70px;
  color: #508418;
  margin-bottom: 30px;
}
.search ul li{margin-bottom: 20px;}
.search ul li a img{float: left; display: block; margin-right: 20px;}
.search ul li p{margin-left: 20px;}
.search ul li p a{display: inline-block; margin-top: 5px; color: #666;font: 14px/24px "Microsoft YaHei", "Simsun", "宋体";}
.search ul li p b{display: block;margin:10px 0; color: #666;font: 12px/23px "Simsun", "宋体";}
.search ul li p span{display: block;color: #999;font: 12px/18px "Simsun", "宋体";}
/*案例列表*/
.cases_list .title { border-bottom:2px solid #ccc; padding-bottom:5px;}
.cases_list .title span { color:#508418;font-size:22px; background:url(../images/t_bg.jpg) 0 5px no-repeat; padding-left:20px; margin-right:50px;}
.cases_list .title span em { font-size:12px; color:#b0b0b0}
.cases_list .title a { float:right; margin-top:5px;}
.cases_list .main_a .zy { text-indent:2em; color:#595959; margin:15px 0;}
.cases_list .main_a .m_l { margin-top:15px;}
.cases_list .main_a .m_l p.m1{ float:left;   background:url(../images/c2.png) no-repeat; width:169px; height:87px; text-align:center;  margin-top:5px;}
.cases_list .main_a .m_l  img { width:148px; height:86px;}
.cases_list .main_a .m_l span a { color:#508418; font-size:14px; font-weight:bold;}
.cases_list .main_a .m_l span a:hover { color:#3d3d3d}
.cases_list .main_a .m_l p em {color:#508418}

.c_l  .title { background:url(../images/i_bg.jpg) no-repeat; width:244px; height:43px;text-align:center;  padding-top:11px;}
.c_l  .title em { display:block; font-size:12px; }
.c_l  .title span { line-height:20px; color:#fff; font-size:24px;}
.c_l .main_a {  border-right:1px solid #ccc;border-left:1px solid #ccc}
.c_l .main_a ul li { height:50px; line-height:50px;border-bottom:1px solid #ccc;padding:0 15px}
.c_l .main_a ul li a {  color:#508418; display:block;background:url(../images/dian1.png) right no-repeat; font-size:14px; }
.c_l .main_a ul li a:hover {background:url(../images/dian2.png) right no-repeat;  font-size:16px; font-weight:bold;}


.cases_tj .title { border-bottom:2px solid #ccc; padding-bottom:5px; }
.cases_tj .title span { color:#508418;font-size:22px; background:url(../images/t_bg.jpg) 0 5px no-repeat; padding-left:20px; margin-right:50px;}
.cases_tj .title span em { font-size:12px; color:#b0b0b0}


/*帮助中心*/

.about_a .title { border-bottom:2px solid #ccc; padding-bottom:5px; }
.about_a .title span { color:#508418;font-size:22px; background:url(../images/t_bg.jpg) 0 5px no-repeat; padding-left:20px; margin-right:50px;}
.about_a .title span em { font-size:12px; color:#b0b0b0} 
.about_a .main_a { padding-top:20px;}
.daohang span {  font-size:16px; color:#4f8516; display:block; margin-bottom:15px;}


/*案例详情*/
.cases_news .title { text-align:center; margin-bottom:30px;}
.cases_news .title h3{ font-size:18px; font-weight:normal;  line-height:40px;}
.cases_news .title span { color:#7f7f7f; padding:0 10px;}

.page_c { margin-top:50px; color:#5e5e5e;}
.page_c ul li { margin-top:10px;}
.page_c ul li a:hover { color:#508418}

.gy_cases  { margin-top:50px;}
.gy_cases .title span { font-size:16px; color:#508418; font-weight:bold;  display:block; margin-bottom:10px;}
.gy_cases .main_a ul li { height:30px; line-height:30px; border-bottom:1px solid #ccc; color:#575757}
.gy_cases .main_a ul li span { float:right;}
.gy_cases .main_a ul li a:hover  { color:#508418}

/*关于我们*/
.a_dh{
	width: 390px;
}
.a_dh ul li{
	float: left;
	margin-left: 5px;
}
/*产品导航*/
.p_dh{
	width: 580px;
}
.p_dh ul li{
	float: left;
	margin:0 0 0 8px;
}

/*网站底部*/
.foot_bg { background:url(../images/f_bg.png) top center no-repeat; height:246px; width:100%; margin:20px 0 auto}
.foot_bg .f_nav { height:50px; line-height:50px; text-align:center; color:#fff;}
.foot_bg .f_nav a { color:#fff; margin:0 5px;}

.foot .fl { width:165px; margin-top:40px; margin-left:20px;}
.foot .fc { width:490px; margin-left:70px;margin-top:30px;}
.foot .fr{ width:117px;margin-top:30px;}
.foot .fr span {  display:block; text-align:center; color:#8e8e8e; line-height:20px;}


/*QQ客服*/
.szxfz {
	POSITION: fixed; TOP: 50px; RIGHT: 1px; _position: absolute; z-index:9999;
}
.szxfz A {
	COLOR: #00a0e9
}
.szxfz A:hover {
	COLOR: #ff8100; TEXT-DECORATION: none
}
.szxfz .floatL {
	POSITION: relative; WIDTH: 28px; FLOAT: left
}
.szxfz .floatL A {
	TEXT-INDENT: -9999px; DISPLAY: block; FONT-SIZE: 0px
}
.szxfz .floatR {
	BACKGROUND: url(../images/float_bg.gif)
}
.szxfz .tp {
	BACKGROUND: url(../images/float_bg.gif)
}
.szxfz .cn {
	BACKGROUND: url(../images/float_bg.gif)
}
.szxfz .floatR {
	PADDING-BOTTOM: 15px; WIDTH: 130px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: -131px bottom; FLOAT: left; OVERFLOW: hidden
}
.szxfz .tp {
	BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0% 0%; HEIGHT: 10px
}
.szxfz .cn {
	BACKGROUND-REPEAT: repeat-y; BACKGROUND-POSITION: -262px 0px
}
.szxfz .cn H3 {
	TEXT-INDENT: -9999px; HEIGHT: 36px; FONT-SIZE: 0px
}
.szxfz .cn ul {PADDING-BOTTOM: 0px; PADDING-LEFT:6px; PADDING-RIGHT:6px; PADDING-TOP: 0px}
.szxfz .cn ul li { line-height: 36px; height:36px; border-bottom: solid 1px #E6E4E4; overflow: hidden;text-align:center; WORD-WRAP: break-word; WORD-BREAK: normal;}
.szxfz .cn ul li span { color: #777;}
.szxfz .cn ul li a{color: #777;}
.szxfz .cn ul li img { vertical-align: middle;}
.szxfz .titZx {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.szxfz .titDh {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.szxfz .titDc {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.szxfz .icoZx {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.szxfz .icoTc {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.szxfz .icoFf {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.szxfz .icoTl {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.szxfz .btnOpen {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.szxfz .btnOpen_n {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.szxfz .btnCtn {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.szxfz .titZx {
	BACKGROUND-POSITION: 5px -10px
}
.szxfz .titDh {
	BACKGROUND-POSITION: 5px -66px
}
.szxfz .titDc {
	BACKGROUND-POSITION: 5px -124px
}
.szxfz .icoZx {
	BACKGROUND-POSITION: 2px -154px
}
.szxfz .icoTc {
	BACKGROUND-POSITION: 0px -323px
}
.szxfz .icoFf {
	BACKGROUND-POSITION: 2px -213px
}
.szxfz .icoTl {
	PADDING-LEFT: 20px; DISPLAY: block; FONT-FAMILY: "微软雅黑"; BACKGROUND-POSITION: 2px -266px; FLOAT: left
}
.szxfz .btnOpen {
	BACKGROUND-POSITION: -30px -396px
}
.szxfz .btnOpen_n {
	BACKGROUND-POSITION: 0px -530px
}
.szxfz .btnCtn {
	BACKGROUND-POSITION: 0px -396px
}
.szxfz .icoZx {
	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.szxfz .icoTc {
	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.szxfz .icoFf {
	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.szxfz .btnOpen {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.szxfz .btnOpen_n {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.szxfz .btnCtn {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.szxfz .btnOpen {
	TOP: 63px; LEFT: 1px
}
.szxfz .btnOpen_n {
	TOP: 63px; LEFT: 1px
}
.szxfz .btnCtn {
	TOP: 63px; LEFT: 2px
}
.szxfz UL LI H3.titDc A {
	WIDTH: 80px; DISPLAY: block; HEIGHT: 36px
}
.szxfz UL LI.top {
	BORDER-BOTTOM: #ace5f9 1px solid
}
.szxfz UL LI.bot {
	BORDER-BOTTOM-STYLE: none
}
.szxfz UL.webZx {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 164px; PADDING-RIGHT: 0px; BACKGROUND: url(../images/webZx_bg.jpg) no-repeat; HEIGHT: 65px; PADDING-TOP: 0px
}
.szxfz UL LI.webZx-in {
	BORDER-BOTTOM-STYLE: none; PADDING-LEFT: 5px; HEIGHT: 50px; PADDING-TOP: 8px
}
.clearfix:after {
  content: '\20';
  display: block;
  height: 0;
  clear: both;
}
.clearfix {
  *zoom: 1;
}
.hidden-md{ display: none!important;}

.banner_p{ height:250px;}
.pop{ display: none;}
.fixedBottom { display: none;}

@media(max-width:767px){
  .main{ width: 100%;}
  .h20{ height: 10px;}
  .wap1{ width: 96%; margin: 0 auto;  }
  .hidden-xs{ display: none!important;}
  .hidden-md{ display: block!important;}
  .head_bg{ position: fixed; top: 0; width: 100%; background-color: #fff; z-index: 10;}
  .nav_bg{ width: 100%; height: auto; position: absolute; top: 50px; display: none;}
  
  .head{ height: 50px;}
  .head .fl{ width: auto; margin-top: 0; margin-left: 15px;}
  .head .fl img{ width: auto!important; height: 40px!important; margin-top: 5px;}
  .head .fc{ display: none;}
  .head .fr{ display: none;}
  .head .fr img{ width: 60px!important; height: auto!important;}

  .nav ul li{ width: 100%; background: none;}
  .nav ul li a{ width: 100%;}

  .banner_bg{ height: 110px; margin-top: 50px;}
  .focus{ height: 110px;}
  .focus_m li{ height: 110px; background-size: cover!important;}

  .focus_s{ width: 100%;  top: auto; left: auto; bottom: 10px; margin: 0; text-align: center;}
  .focus_s li{ width: 16px; height: 5px; display: inline-block; float: none; margin: 0 5px;}

  .products{ width: 96%; margin: 0 auto ; display: flex; display: -webkit-flex; flex-wrap: wrap; }
  .products .fl{ width: 100%; order: 2;}
  .products .fr{ width: 100%; order: 1;}
  .products .fr .main_a { margin-top: 10px;}
  .products .fr .main_a ul li{ width: 48%; margin: 10px 0; box-sizing: border-box;}
  .products .fr .main_a ul li:nth-child(even){ float: right;}
  .products .fr .main_a ul li a img{ width: 100%;}
  .products .fr .title{ margin-left: 0;}
  .p_l .title{ background-repeat: repeat-x; background-position: center; width: 100%; padding-top: 6px;}
  .p_l .title span{ font-size: 20px;}

  .p_l .main_a .lm{ padding: 5px 10px;}
  #type span a{ font-size: 15px!important;}


  .cases{ width: 96%; margin: 0 auto;}
  .cases .main_a .cases_l{ width: 100%;}
  .cases .main_a .hz{ width: 100%;}
  .cases .main_a .hz ul li{ width: 50%; }
  .cases .main_a .hz ul li > a{ display: block;  padding: 10px; box-sizing: border-box;}
  .cases .main_a .hz ul li img{ width: 100%;}

  .youshi .title{ height: 70px; background-size: 190%!important;}
  .youshi .main_a_bg img{ max-width: 100%; height: auto!important;}
  .ys1 .fr span.c1{ background-size: 38px;}
  .ys2 .fl span.c1{ background-size: 38px;}
  .ys3 .fr span.c1{ background-size: 38px;}
  .ys4 .fl span.c1{ background-size: 38px;}
  .youshi .main_a_bg{ height: auto; margin-top: 25px;}
  .youshi .main_a span.c1{ height: 38px; line-height: 38px; padding-left: 50px; margin-bottom: 10px; font-size: 18px;}
  .youshi .main_a p{ margin-left: 45px; padding-left: 0; font-size: 13px;}
  .ys1{ width: 94%; margin: 0 auto; margin-top: 10px; display: flex; display: -webkit-flex; flex-flow: wrap;}
  .ys2{ width: 94%; margin: 0 auto; margin-top: 10px;}
  .ys3{ width: 94%; margin: 0 auto; margin-top: 10px; display: flex; display: -webkit-flex; flex-flow: wrap;}
  .ys4{ width: 94%; margin: 0 auto; margin-top: 10px;}
  .ys1 .fl{ width: 100%; text-align: center; order: 2; margin-top: 20px;}
  .ys1 .fr{ width: 100%;  order: 1;  margin-top: 0;}
  .ys2 .fl{ width: 100%; text-align: center; }
  .ys2 .fr{ width: 100%; margin-top: 20px;  text-align: center;}
  .ys3 .fl{ width: 100%; text-align: center; order: 2; margin-top: 20px;}
  .ys3 .fr{ width: 100%; order: 1; }
  .ys4 .fl{ width: 100%; text-align: center; }
  .ys4 .fr{ width: 100%; margin-top: 20px;  text-align: center;}

  .ys1 .fl img{ width: 50%!important;}
  .ys2 .fr img{ width: 50%!important;}
  .ys3 .fl img{ width: 50%!important;}
  .ys4 .fr img{ width: 50%!important;}

  .gg {width: 100%; overflow: hidden; }
  .gg img{ width: 100%!important; height: auto!important;  margin-top: 10px;}

  .about_bg{  width: 94%; margin: 0 auto; height: auto; padding-bottom: 20px; background: none;}
  .jianjie .fl{ width: 100%; margin-top: 20px;}
  .jianjie .fl img{ width: 100%; height: auto; padding: 10px; margin: 0; box-sizing: border-box;}
  .jianjie .fr{ width: 100%; margin-top: 20px;}
  .company{ width: 100%; display: none;}
  .ry{ width: 100%; display: none;}
  .wap1 .fl{ width: 100%; margin-bottom: 10px;}
  .wap1 .fr{ width: 100%; margin-bottom: 10px;} 
  .company .fc_c ul li{ width: 50%;}

  .wap1 .main_a img{ width: 100%; height: auto;}

  .dq_cases{ width: 96%; margin: 0 auto; }
  .dq_cases .title span a{ display: inline-block; line-height: 24px;}

  .fl_p ul li{ width: 48%; height: auto; margin: 0; margin-bottom: 10px; float: left; box-sizing: border-box;}
  .fl_p ul li:nth-child(even){ float: right;}
  .fl_p ul li img{ width: 100%!important;}
  .fl_p ul li span a{ display:block;  line-height: 22px; height: 44px;}

  .yqlj{ width: 96%; margin: 0 auto; display: none;}
  .yqlj p{ padding:0 10px }
  .yqlj p a{ display: inline-block; padding: 0 6px;}

  .foot_bg{ height: auto; background: rgb(211, 211, 211); padding-bottom: 72px;}
  .foot_bg .f_nav{ height: auto; background: rgb(80, 132, 24); line-height: 36px;}
  .foot_bg .f_nav a{ display: inline-block;}
  .foot{ padding: 0 10px; box-sizing: border-box;}
  .foot .fl{ width: 100%; text-align: center; margin: 0;}
  .foot .fc{width: 100%; margin-left: 0; text-align: center;}
  .foot .fr{ width: 100%; text-align: center; margin: 0; margin-top: 10px;}

  .head_ky{ width: 96%; margin: 0 auto;  margin-top: 40px;}
  .postion{ width: 96%; margin: 0 auto;}

  .lxwm{ margin-bottom: 20px;}
  .lxwm .title{ width: 100%; background-repeat: repeat-x; background-position: center;}
  .ment{ width: 96%; margin: 0 auto;}
  .ment .main_a .m_l p.m1{ width: 100%; height: auto; float: none; }
  
  .wap_cases{ width: 96%; margin: 0 auto;}
  .wap_cases .fl{ width: 100%;}
  .wap_cases .fr{ width: 100%; margin-top: 20px;}
  .wap_cases .t_cases .main_a .m_c_bg{ width: 100%; margin-left: 0; margin-top: 12px;}

  .contact_news .fl{ width: 100%;}
  .contact_news .fr{ width: 100%; margin-top: 10px;  }
  .contact_news .fr .fuwu{ display: none;}
  .contact_news .fr .browse{ display: none;}
  .c_l .title{  width: 100%; background-repeat: repeat-x;} 
  .cases_tj{  width: 96%; margin: 0 auto;}
  .cases_tj .title{ margin-bottom: 10px; border-bottom-width: 1px;}

  .gy_cases{ margin-top: 25px;}
  .bdsharebuttonbox{ float: none!important;}
  .page_c{ margin-top: 25px;}

  .news_pr .left{ width: 100%;}
  .news_pr .right{ width: 100%; min-height: auto;}
  .news_pr .right .click{ position: relative;}
  
  .p_news{ width: 96%; margin: 0 auto;}
  .preview{ width: 100%!important;}
  .bigImg{ width: 100%!important;}
  .bigImg img{ width: 100%!important; height: auto!important;  box-sizing: border-box;}
  .smallImg{ width: 97%!important;}
  #imageMenu{ width: 82%!important;}
  .contact_news .p_news .title{ height: auto;}
  .contact_news .p_news .main_a{ padding: 10px 10px 25px 10px;}
  .contact_news .p_news .main_a div{  width: 100%!important; height: auto!important;; background: none!important;}
  .contact_news .p_news .main_a div img{  width: 100%!important; height: auto!important;}
  .contact_news .p_news .main_a div p{  width: 100%!important; box-sizing: border-box;}
  .contact_news .p_news .main_a div h4{  width: 100%!important; box-sizing: border-box;} 
  .contact_news .xg_news .page ul li{ float: none;}
  .contact_news .xg_news .page ul li img{ width: 104px!important;  margin-top: 10px; }
  .contact_news .xg_news .main_x .m_l p.m1{ float: none; height: auto; background-size: 100%;}
  .contact_news .xg_news .main_x .m_l img{ width: 100%; margin: 0;}
  .contact_news .p_news .main_a div p { position: relative!important;  left: 0!important;  top: auto!important; height: 48px;}
  .contact_news .p_news .main_a div p img{ width: auto!important; vertical-align: middle; transform: scale(0.89); -webkit-transform: scale(0.89);}
  .contact_news .p_news .main_a div p em{ left: 0; padding-top: 0!important; padding-left: 0!important;  font-size: 14px;}
  .contact_news .p_news .main_a div p span{ left: 70px; margin: 0!important; }
  .contact_news .xg_news .main_x .m_l p.m1 img{ width: 100%!important;}
  .contact_news .xg_news .main_x .m_l p{ height: auto;}
  .istui ul li{ width: 46%; margin: 6px 0;}
  .istui ul li:nth-child(even){ float: right; }
  .istui ul li p{height: 46px!important; line-height: 22px;}

  .about_a{ width: 96%; margin: 0 auto;}
  .about_a .main_a img{ width: 100%; height: auto;}
  .p_dh{ width: 100%;}
  .p_dh ul li{ width: 50%; margin-left: 0;}
  .p_dh ul li img{ width: 100%; vertical-align: middle;}
  .a_dh{ width: 100%;}
  .a_dh ul li{ width: 50%; margin-left: 0;}
  .a_dh ul li img{ width: 100%; vertical-align: middle;}
  
  .contact_news{ width: 96%; margin: 0 auto; }

  #dituContent{ width: 100%!important; height: 320px!important; }

  .cases_news .title{ margin-bottom: 10px;}
  
  .c_lists h3{ margin-top: 0;}
  .cases_news img{ width: 100%;}
  .tj{ width: 96%; margin: 0 auto;}
  .tj a{ margin: 0 4px; display: inline-block;}

  .main_a img{ width: 100%!important; height: auto!important;  }

  .about_a .main_a iframe{ height: 300px;}
  
  .ment .main_a .m_l img{ margin-left: 0; margin-right: 0;}

  .contact_news .p_news .title ul li a { width:auto; padding: 0 7.6px; }

  .cases_list .main_a .m_l p.m1{ width: 100%; height: auto; margin-bottom: 5px;} 

  .wap_cases .title span{ font-size: 20px;}
  .cases_tj .title span{ font-size: 20px;} 
  .products .title_p span{ font-size: 20px;}
  .ment .title span{ font-size: 20px;}
  .dq_cases .title span.fc{ font-size: 20px;}
  .products .title_p span{ background-position: left  center;}
  .cases .title span{ font-size: 20px;}
  .about_a .title span{ font-size: 20px;}
  .wap1 .title span{ font-size: 20px;} 

  .lxwm .title span{ font-size: 20px;}
  .c_l .title span{ font-size: 20px;}

  .banner_p{ 
    height: 66px; 
    background-size: 137%;
    background-repeat: no-repeat;
    background-position: top center;
  }
  .error_box{ width: 100%!important; height: auto!important;}
  .error_box table{ width: 100%!important;}
  .error_box table td{ width: 100%; display: block;}

  .cases .main_a .cases_l .c_d{ width: 100%; height: auto; margin: 0;}
  
  .type{ margin-top: 40px;}
  .type .yiji{ padding: 12px!important;}
  .type .yiji ul li{ margin: 5px!important;}

  .wap_cases .t_cases .main_a .m_c{ margin-right: 10px;}
  .cases .main_a .cases_l .c_d img{ margin-left: 0; margin-right: 0;}

  .cases .main_a .ca_m ul li{ margin-top: 10px;}
  .cases .main_a .ca_m ul li img { width: 141px!important;}

  .seach_div_keyword_so{ float: none;}
  .products .fr .key{ text-indent: 0;}
  .seach_div_keyword_so_input_text{ width: calc(100% - 40px); height: 20px!important; box-sizing: border-box;}
  .seach_div_keyword_so_input_buttom{ float: right;}

  .pop{ 
    width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5);
     z-index: 2;
  }


  /* 侧边联系 */
  .szxfz { display: none;}

  .fixed{position: relative;top: auto;}
   .absolute{position: relative;bottom: auto;}
   .c_l .main_a ul li{ height: 36px; line-height: 36px;}


  /* 底部吸底 */
  .fixedBottom {
    display: block;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 100;
    width: 100%; 
    padding: 10px 0 5px;
    background: rgb(80, 132, 24);
  }
  .fixedBottom li {
    width: 20%;
    float: left;
    text-align: center;
  }
  .fixedBottom li a {
    display: block;
    color: #fff;
    font-size: 14px;
  }
  .fixedBottom li span {
    display: block;
    width:27px;
    height: 27px;
    background-position: 0  0;
    margin: 0 auto;
    margin-bottom: 4px;
  }
  .fixedBottom .icon_fixed01 span {
    background: url(../images/icon-index.png) no-repeat;
    background-size: cover;
    background-position: 0 0;
  }
  .fixedBottom .icon_fixed02 span {
    background: url(../images/icon-fenlei.png) no-repeat;
    background-size: cover;
  }
  .fixedBottom .icon_fixed03 span {
    background: url(../images/icon-zhuanti.png) no-repeat;
    background-size: cover;
  }
  .fixedBottom .icon_fixed04 span {
    background: url(../images/icon-dianhua.png) no-repeat;
    background-size: cover;
  }
  .topHead{ width: 40px; margin-top: 5px;}

  .main_a table{ width: 100%!important;}
  .main_a table tr{ width: 100%!important;}
  .main_a table td{ width: 50%!important; float: left;}
}

@media(max-width:767px) {
  .navbtn {
    width   : 30px;
    height  : 30px;
    margin  : 10px;
    float   : right;
    position: relative;
    display : block; 
    z-index: 20;
  }

  .navbtn i {
    height    : 2px;
    background: #70574d;
    display   : block;
    overflow  : hidden;
    width     : 100%;
    position  : absolute;
    left      : 0;
    transition: all .3s
  }

  .navbtn i.bar-1 {
    top: 7px
  }

  .navbtn i.bar-2 {
    top: 15px
  }

  .navbtn i.bar-3 {
    top: 23px
  }
  .navbtn.open .bar-1 {
    top      : 50%;
    transform: rotate(45deg)
  }

  .navbtn.open .bar-2 {
    height: 0
  }

  .navbtn.open .bar-3 {
    top      : 50%;
    transform: rotate(-45deg)
  }
}

@media(max-width:320px){
  .cases .main_a .ca_m ul li{margin-left: 0; margin-right: 0; margin-top: 15px;}
  .contact_news .p_news .title ul li a{ padding: 0 2.5px;}
}